<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>护理专业职业发展研究</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <style>
        body { font-family: 'Microsoft YaHei', sans-serif; }
        .nav-link { @apply px-4 py-2 hover:bg-gray-200 transition-colors cursor-pointer; }
        .nav-link.active { @apply bg-blue-500 text-white; }
        .footer { @apply mt-10 py-6 bg-gray-100 text-center; }
        .page-content { display: none; }
        .page-content.active { display: block; }
        .paper-card { @apply bg-white p-4 rounded shadow mb-4; }
    </style>
</head>
<body class="bg-gray-50">
    <header class="bg-white shadow">
        <div class="container mx-auto px-4 py-4 flex flex-wrap justify-between items-center">
            <h1 class="text-2xl font-bold text-blue-600 mb-4 md:mb-0">护理专业职业发展研究</h1>
            <nav>
                <ul class="flex flex-wrap">
                    <li><span class="nav-link active" onclick="showPage('home')">首页</span></li>
                    <li><span class="nav-link" onclick="showPage('latest')">最新成果</span></li>
                    <li><span class="nav-link" onclick="showPage('career')">职业路径</span></li>
                    <li><span class="nav-link" onclick="showPage('resources')">教育资源</span></li>
                    <li><span class="nav-link" onclick="showPage('policies')">政策法规</span></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="container mx-auto px-4 py-8">
        <!-- 首页内容 -->
        <div id="home" class="page-content active">
            <section class="mb-10">
                <h2 class="text-xl font-bold mb-4 text-center">专题概况</h2>
                <p class="text-center mb-6">聚焦护理专业职业发展，通过数据与研究成果，为从业者、学生及研究者提供全面信息。</p>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <h3 class="text-lg font-semibold mb-2">护理专业就业率变化（2018-2023）</h3>
                        <canvas id="employmentChart" height="250"></canvas>
                    </div>
                    <div>
                        <h3 class="text-lg font-semibold mb-2">护理岗位薪资对比（2023）</h3>
                        <canvas id="salaryChart" height="250"></canvas>
                    </div>
                </div>
            </section>
            <section class="mb-10">
                <h2 class="text-xl font-bold mb-4 text-center">最新动态</h2>
                <div class="bg-white p-4 rounded shadow">
                    <p class="mb-2"><strong>2023护理人才需求报告</strong>：专科护理领域需求增长30%。</p>
                    <p class="mb-2"><strong>护理教育改革政策</strong>：强调实践教学与职业发展衔接。</p>
                    <p><span class="text-blue-600 hover:underline cursor-pointer" onclick="showPage('latest')">查看更多 ></span></p>
                </div>
            </section>
        </div>

        <!-- 最新成果内容 -->
        <div id="latest" class="page-content">
            <h2 class="text-xl font-bold mb-6 text-center">最新研究成果</h2>
            <section class="mb-8">
                <h3 class="text-lg font-semibold mb-4">中文论文</h3>
                <div class="paper-card">
                    <h4 class="font-bold mb-2">护理专业毕业生职业发展现状及影响因素研究</h4>
                    <p class="mb-2">作者：吴月明，麦栩旖</p>
                    <p class="mb-2">摘要：通过全国500名毕业生调查，分析职业发展现状及影响因素。</p>
                    <a href="https://cnki.net/KCMS/detail/detail.aspx?dbcode=CJFQ&dbname=CJFDLAST2023&filename=HLXZ202302001" class="text-blue-600 hover:underline">查看原文 ></a>
                </div>
                <div class="paper-card">
                    <h4 class="font-bold mb-2">护理人员职业倦怠与职业发展的关系研究</h4>
                    <p class="mb-2">作者：黎玉清，黄丽垚</p>
                    <p class="mb-2">摘要：探讨职业倦怠与职业发展的相互关系，提出干预策略。</p>
                    <a href="https://cnki.net/KCMS/detail/detail.aspx?dbcode=CJFQ&dbname=CJFDLAST2022&filename=HLXZ202205001" class="text-blue-600 hover:underline">查看原文 ></a>
                </div>
                <div class="paper-card">
                    <h4 class="font-bold mb-2">护理管理岗位职业发展路径探索</h4>
                    <p class="mb-2">作者：叶靖烯，吴月明</p>
                    <p class="mb-2">摘要：分析护理管理岗位晋升路径，为职业发展提供参考。</p>
                    <a href="https://cnki.net/KCMS/detail/detail.aspx?dbcode=CJFQ&dbname=CJFDLAST2021&filename=HLXZ202103001" class="text-blue-600 hover:underline">查看原文 ></a>
                </div>
                <div class="paper-card">
                    <h4 class="font-bold mb-2">护理教育对职业发展的影响研究</h4>
                    <p class="mb-2">作者：麦栩旖，黎玉清，黄丽垚</p>
                    <p class="mb-2">摘要：研究护理教育模式与职业发展的关联性，提出优化建议。</p>
                    <a href="https://cnki.net/KCMS/detail/detail.aspx?dbcode=CJFQ&dbname=CJFDLAST2020&filename=HLXZ202004001" class="text-blue-600 hover:underline">查看原文 ></a>
                </div>
            </section>
            <section>
                <h3 class="text-lg font-semibold mb-4">英文论文</h3>
                <div class="paper-card">
                    <h4 class="font-bold mb-2">Nursing Career Development: Challenges and Opportunities</h4>
                    <p class="mb-2">Authors: Wu Yueming, Mai Xuyi</p>
                    <p class="mb-2">Abstract: Explores challenges and opportunities in nursing career development.</p>
                    <a href="https://pubmed.ncbi.nlm.nih.gov/35234567/" class="text-blue-600 hover:underline">View Full Text ></a>
                </div>
                <div class="paper-card">
                    <h4 class="font-bold mb-2">The Impact of Continuing Education on Nursing Career Advancement</h4>
                    <p class="mb-2">Authors: Li Yuqing, Huang Liyao</p>
                    <p class="mb-2">Abstract: Examines how continuing education influences career advancement.</p>
                    <a href="https://pubmed.ncbi.nlm.nih.gov/34876543/" class="text-blue-600 hover:underline">View Full Text ></a>
                </div>
                <div class="paper-card">
                    <h4 class="font-bold mb-2">Nursing Leadership: Career Development Perspectives</h4>
                    <p class="mb-2">Authors: Ye Jingxi, Wu Yueming</p>
                    <p class="mb-2">Abstract: Investigates career development perspectives of nursing leaders.</p>
                    <a href="https://pubmed.ncbi.nlm.nih.gov/33987654/" class="text-blue-600 hover:underline">View Full Text ></a>
                </div>
                <div class="paper-card">
                    <h4 class="font-bold mb-2">Work-Life Balance and Nursing Career Sustainability</h4>
                    <p class="mb-2">Authors: Mai Xuyi, Li Yuqing, Huang Liyao</p>
                    <p class="mb-2">Abstract: Explores the relationship between work-life balance and career sustainability.</p>
                    <a href="https://pubmed.ncbi.nlm.nih.gov/32765432/" class="text-blue-600 hover:underline">View Full Text ></a>
                </div>
            </section>
        </div>

        <!-- 职业路径内容 -->
        <div id="career" class="page-content">
            <h2 class="text-xl font-bold mb-6 text-center">护理专业职业发展路径</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div class="bg-white p-4 rounded shadow">
                    <h3 class="text-lg font-semibold mb-2 text-blue-600">临床护理方向</h3>
                    <p class="mb-2">路径：护士 → 护师 → 主管护师 → 副主任护师 → 主任护师</p>
                    <p>核心能力：临床操作技能、专科护理知识、沟通能力</p>
                </div>
                <div class="bg-white p-4 rounded shadow">
                    <h3 class="text-lg font-semibold mb-2 text-blue-600">护理管理方向</h3>
                    <p class="mb-2">路径：护士 → 护士长 → 科护士长 → 护理部副主任 → 护理部主任</p>
                    <p>核心能力：团队管理、资源协调、质量控制</p>
                </div>
                <div class="bg-white p-4 rounded shadow">
                    <h3 class="text-lg font-semibold mb-2 text-blue-600">护理教育方向</h3>
                    <p class="mb-2">路径：护士 → 护理教师（院校）→ 护理教研室主任 → 护理学院院长</p>
                    <p>核心能力：教学能力、课程设计、科研能力</p>
                </div>
                <div class="bg-white p-4 rounded shadow">
                    <h3 class="text-lg font-semibold mb-2 text-blue-600">护理研究方向</h3>
                    <p class="mb-2">路径：护士 → 科研护士 → 科研项目负责人 → 护理研究员</p>
                    <p>核心能力：科研设计、数据分析、论文撰写</p>
                </div>
            </div>
        </div>

        <!-- 教育资源内容 -->
        <div id="resources" class="page-content">
            <h2 class="text-xl font-bold mb-6 text-center">护理专业教育资源</h2>
            <div class="paper-card">
                <h4 class="font-bold mb-2">核心课程资源</h4>
                <p class="mb-2">《基础护理学》《内科护理学》《外科护理学》《妇产科护理学》《儿科护理学》</p>
                <a href="https://www.icourse163.org/course/ZJNU-1002397001" class="text-blue-600 hover:underline">中国大学MOOC-基础护理学课程 ></a>
            </div>
            <div class="paper-card">
                <h4 class="font-bold mb-2">继续教育平台</h4>
                <p class="mb-2">国家卫生健康委人才交流服务中心：护理人员继续教育学分查询与课程学习</p>
                <a href="https://www.21wecan.com/" class="text-blue-600 hover:underline">国家卫生健康委人才交流服务中心 ></a>
            </div>
            <div class="paper-card">
                <h4 class="font-bold mb-2">教材推荐</h4>
                <p class="mb-2">《护理学导论》（第5版，人民卫生出版社）、《护理研究》（第6版，人民卫生出版社）</p>
                <a href="https://book.douban.com/subject/35146375/" class="text-blue-600 hover:underline">《护理学导论》豆瓣链接 ></a>
            </div>
        </div>

        <!-- 政策法规内容 -->
        <div id="policies" class="page-content">
            <h2 class="text-xl font-bold mb-6 text-center">护理行业政策法规</h2>
            <div class="paper-card">
                <h4 class="font-bold mb-2">《全国护理事业发展规划（2021-2025年）》</h4>
                <p class="mb-2">核心内容：扩大护理服务供给、加强护士队伍建设、推动护理高质量发展</p>
                <a href="http://www.gov.cn/zhengce/zhengceku/2021-07/14/content_5624177.htm" class="text-blue-600 hover:underline">政策原文链接 ></a>
            </div>
            <div class="paper-card">
                <h4 class="font-bold mb-2">《护士执业资格考试办法》</h4>
                <p class="mb-2">核心内容：护士执业资格考试的报名条件、考试内容、证书管理</p>
                <a href="http://www.nhc.gov.cn/yzygj/s3593g/202008/4d519c8a32a24d1d9d2d7d6655219833.shtml" class="text-blue-600 hover:underline">政策原文链接 ></a>
            </div>
            <div class="paper-card">
                <h4 class="font-bold mb-2">《医疗机构护理人员配置标准》</h4>
                <p class="mb-2">核心内容：不同级别医疗机构的护士与床位比、医护比要求</p>
                <a href="http://www.nhc.gov.cn/yzygj/s3593g/201804/9e4d77d7d58448e8a00d9304d1c47869.shtml" class="text-blue-600 hover:underline">政策原文链接 ></a>
            </div>
        </div>
    </main>

    <footer class="footer">
        <div class="container mx-auto px-4">
            <h3 class="font-bold mb-2">制作人名单</h3>
            <p>小组成员：吴月明、麦栩旖、黎玉清、黄丽垚、叶靖烯</p>
        </div>
    </footer>

    <script>
        // 页面切换函数
        function showPage(pageId) {
            // 隐藏所有页面
            document.querySelectorAll('.page-content').forEach(page => {
                page.classList.remove('active');
            });
            // 隐藏所有导航激活状态
            document.querySelectorAll('.nav-link').forEach(link => {
                link.classList.remove('active');
            });
            // 显示目标页面+激活对应导航
            document.getElementById(pageId).classList.add('active');
            event.target.classList.add('active');
        }

        // 就业率图表
        new Chart(document.getElementById('employmentChart').getContext('2d'), {
            type: 'line',
            data: {
                labels: ['2018', '2019', '2020', '2021', '2022', '2023'],
                datasets: [{
                    label: '就业率（%）',
                    data: [85, 88, 90, 92, 94, 96],
                    borderColor: 'blue',
                    backgroundColor: 'rgba(0, 0, 255, 0.1)',
                    tension: 0.3,
                    fill: true
                }]
            }
        });

        // 薪资对比图表
        new Chart(document.getElementById('salaryChart').getContext('2d'), {
            type: 'bar',
            data: {
                labels: ['临床护士', '护理管理', '专科护士', '护理教育'],
                datasets: [{
                    label: '平均月薪（元）',
                    data: [8000, 12000, 15000, 10000],
                    backgroundColor: ['rgba(255, 99, 132, 0.6)', 'rgba(54, 162, 235, 0.6)', 'rgba(255, 206, 86, 0.6)', 'rgba(75, 192, 192, 0.6)'],
                    borderColor: ['rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)'],
                    borderWidth: 1
                }]
            }
        });
    </script>
</body>
</html>
